import React from 'react'
// import ReactDOM from 'react-dom';
import { createRoot } from 'react-dom/client'
import 'antd/dist/antd.css'
// import App from './01-basic/01-class组件';
// import App from './01-basic/02-函数组件';
// import App from './01-basic/03-组件的嵌套';
// import App from './01-basic/04-组件的样式';
// import App from './01-basic/05-事件处理';
// import App from './01-basic/06-事件绑定';
// import App from './01-basic/07-ref';
// import App from './01-basic/08-state状态';
// import App from './01-basic/09-循环渲染';
// import App from './01-basic/10-todoList';
// import App from './01-basic/11.实例选项卡';
// import App from './01-basic/12-setSate同步异步';
// import App from './01-basic/13-betterScroll';
// import App from './01-basic/14-属性props';
// import App from './01-basic/15-props_函数式组件';
// import App from './01-basic/16-状态vs属性';
// import App from './01-basic/17-非受控组件';
// import App from './01-basic/18-受控组件';
// import App from './01-basic/19-受控cinema';
// import App from './01-basic/20-受控TODOlist';

// import App from './02-advanced/01-子传父';
// import App from './02-advanced/02-非受控卖座选项卡功能';
// import App from './02-advanced/03-受控卖座选项卡功能';
// import App from './02-advanced/04-父子通信版-表单域组件';
// import App from './02-advanced/05-ref版-表单域组件';
// import App from './02-advanced/06-中间人模式';
// import App from './02-advanced/07-发布订阅模式案例';
// import App from './02-advanced/08-context(provider,consumer)'
// import App from './02-advanced/09-插槽';
// import App from './02-advanced/10-插槽抽屉案例';
// import App from './02-advanced/11-生命周期-初始化';
// import App from './02-advanced/12-生命周期-初始化案例';
// import App from './02-advanced/13-生命周期-更新阶段';
// import App from './02-advanced/14-生命周期-更新阶段2';
// import App from './02-advanced/15-生命周期-更新阶段2案例';
// import App from './02-advanced/16-生命周期-更新阶段3';
// import App from './02-advanced/17-生命周期-更新阶段3案例';
// import App from './02-advanced/18-生命周期-销毁';
// import App from './02-advanced/19-新生命周期-1';
// import App from './02-advanced/20-新生命周期-2';
// import App from './02-advanced/21-新生命周期-2案例'
// import App from './02-advanced/22-轮播图案例-同步'
// import App from './02-advanced/23-swiper异步'
// import App from './02-advanced/24-swiper组件.js'

// import App from './03-hooks/01-useState'
// import App from './03-hooks/02-useState-todolist'
// import App from './03-hooks/03-useEffect'
// import App from './03-hooks/04-useEffect-2'
// import App from './03-hooks/05-useEffect-2案例'
// import App from './03-hooks/06-useEffect-3销毁'
// import App from './03-hooks/07-useCallback1'
// import App from './03-hooks/08-useCallback2'
// import App from './03-hooks/09-useMemo'
// import App from './03-hooks/10-useRef'
// import App from './03-hooks/11-useRef-保存值'
// import App from './03-hooks/12-useContext'
// import App from './03-hooks/13-useReducer'
// import App from './03-hooks/15-useReducer-3'
// import App from './03-hooks/16-自定义hooks'
// import App from './04-antd/01-antd'
// import App from './04-antd/02-栅格布局'
// import App from './04-antd/03-layout布局'
// import App from './04-antd/04-layout布局-2'
// import App from './05-redux/App'
// import App from './06-react-redux/App'
// import App from './07-redux-saga/App'
import App from './07-redux-saga/maizuo/App'
// import store from './06-react-redux/redux/store'
import store from './07-redux-saga/redux/store'
// 导入 react-redux
import { Provider } from 'react-redux'


const root = createRoot(document.getElementById("root"))
root.render(
    <Provider store={store}>

        <App />
    </Provider>
)
// ReactDOM.render(
//     document.getElementById("root"),<App/>
// )
// root.render(
    // 严格模式标签<React.StrictMode></React.StrictMode>
    // <React.StrictMode>
    // <App />
    // </React.StrictMode>
// )
// ReactDOM.render(React.createElement("div",{id:"aaa",className:"divv"},"1111"),document.getElementById("root"))
